<%--
  Created by IntelliJ IDEA.
  User: teacher
  Date: 2022/4/24
  Time: 15:15
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>JSONP</title>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.4.1.min.js"></script>
    <script>
        function f1(){
            // 在JS代码中,理论上是无法跨域的
            // 因此,可以在JS中通过生成可以跨域的元素来进行跨域
            // 将script标签在js代码中生成
            // 创建script标签的jquery对象
            let s = $("<script>");
            // 为script标签赋予属性值
            s.attr("type","text/javascript");
            s.attr("src","http://localhost:8080/ajax/jp?callback=fn");
            // 将script标签加入到body中
            $("#b").append(s);
        }
        function fn(a){
            console.log(a);
        }
    </script>
    <%--<script type="text/javascript" src="http://localhost:8080/ajax/jp"></script>--%>
</head>
<body id="b">
<button onclick="f1()">测试</button>
</body>
</html>
